/* xxx.css */
.container {
    flex-direction: column;
    width: 100%;
    height: 100%;
    align-items: center;
    overflow: scroll;
    background-color:#f7f7f5 ;
}
.head{
    width: 100%;
    padding: 0% 1%;
}
.appName{
    font-family: HYQiHei-65S;
    font-weight: 700;
    font-size:35px;
    margin-left:5%;
    margin-right: 55%;
    line-height: 35px;

}
.search{
    color: black;
    width:10%;
    z-index: 10;
    margin-top: 4%;
    padding: 0;
/*    padding-right: 2%;*/
    text-align: center;
    align-items: flex-start;
    justify-content:space-around;
}
.searchIcon{
    display: flex;
    text-align: center;
    align-items: center;
/*    border: 1px solid forestgreen;*/
}


.containe {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    background-color:#F7F8FA;
    height: 100%;
}

.classify{
/*    margin:2% auto 0 ;*/
    width: 90%;
    height: 200px;
    margin-top: 2%;
/*    margin-right: 1%;*/
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
    justify-content:space-around

}
.typeItem{
    flex-direction: column;
    width: 19%;
    height: 80px;
    flex-wrap: wrap;
    font-size: 18px;
/*    margin-right: 1%;*/
    text-align: center;
}
.typeIcon{
    width: 50px;
    height: 50px;
}
.typeName{
    text-align: center;
}

.tittle {
    color: #6D7278;
    font-size: 16px;
    font-family: HarmonyHeiTi;
/*    width: 100%;*/
    margin: 30px 10px 10px 0;
    overflow: scroll;
}
.mySwiper{
    margin-top: 1%;
    border-radius: 30px;
/*    border: 5px solid red;*/
    width: 90%;
    height: 170px;
    overflow: hidden ;

}
.swiper {
    flex-direction: column;
    height: 200px;
    indicator-color:#758ccf;
    indicator-selected-color:green;
/*    next-margin:"true";*/
}
.button {
    width: 70%;
    margin: 10px;
}
.text {
    font-size: 40px;
}
.goodsList{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    align-item:top;
/*    margin:10px;*/
    margin-left:6.4%;
/*    overflow: scroll;*/
    margin-bottom:10%
}
.goodsItem{
    flex-direction: row;
    width: 44%;
    background-color: white;
    border-radius: 4px;
    overflow: hidden ;
    flex-wrap: wrap;
    align-item:center;
    margin: 5px ;
    justify-content:space-around;
}
.goodsImage{
    width: 100%;
    height: 120px;
}
.detail{
    flex-direction: column;
    font-size: 18px;
    line-height:36px;
    margin-left: 5%;
}
.goodsTitle{
    width: 100%;
    text-align:left ;
    flex-wrap: wrap;
}